<!--
 * @Description:正则表达式
 * @Author: Sun
 * @Date: 2019-07-01 20:05:50
 * @LastEditors: Sun
 * @LastEditTime: 2019-07-11 22:12:15
 -->
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>正则表达式</title>
	<style>
		/* #div1 {
			width: 200px;
			height: 200px;
			background: red;
			position: absolute;
		} */
	</style>
	<script>
		var str = "qWertwyuiop"
		//  1 new 关键字
		// var 变量=new RegExp("文字模式"，“修饰符”)
		var par = new RegExp("w", "i", "g")
		//  var res=par.test(str)
		var res = par.exec(str)
		// console.log("只要包含new", res)

		var str2 = "asDfghjkl" // 2 字面量
		var par2 = /d/i
		var res2 = par2.test(str2)

		var str3 = "just do it" // 3 字面量
		var par3 = /t/ig
		var index=0;
		do{
			var restlt=par3.exec(str3)
			console.log(restlt)
			if(restlt!=null){
				console.log((++index)+"---"+restlt)
				console.log("下标位置"+restlt['index'])
			}
		}while(restlt!=null)


		// console.log("str3", res2)
	</script>
</head>

<body>
	<div>
		0 /a/正则 \${0}转义 <br>
		1.1 i 忽略大小写 g全文匹配 m多行匹配
		1new 关键字 var par=new RegExp("z")<br>
		只要包含了 var res=par.test(str)<br>
		2new 关键字 var par=new RegExp("z")<br>
		只要包含了 var res=par.test(str)<br>
		3 par.exec(str) 返回正则匹配到的信息 <br>
		4 exec(str) 同正则匹配内容多次，后面的一次检索是从上一次检索开始的 <br>

	</div>
	<div id="div1">
		<span></span>
	</div>
</body>

</html>